$tab-page-height: 40px;

// 标签页
.tab-page {
    position: fixed;
    top: e-get($e-header-config, client, desktop, default, height);
    right: 0;
    left: 0;
    display: block;
    height: $tab-page-height;
    background: #fff;

    .left-group,
    .container-scroll {
        float: left;
    }

    .container-scroll {
        overflow: hidden;
        width: calc(100% - 143px);
    }

    .right-group {
        float: right;
    }

    .btn-icon, .btn-default{
        border-radius: 0;
        border: 0;
        height: $tab-page-height;
    }
    .btn.btn-default:hover i{
        color: #676c7b;
    }
    .dropdown-menu .e-svg-icon{
        height: 20px;
        width: 20px;
        margin-top: -1px;
    }

    .icon-btn > i {
        line-height: 1rem;
        padding-right: 0;
    }

    a.btn {
        padding: 0.8rem 0.8rem;
    }

    .con-tabs {
        a.tab {
            color: #676c7b;
            line-height: 1.5rem;
            padding: 0.8rem 1.5rem;
        }

        a.tab:hover,
        > li.active a,
        > li.active a.tab:hover {
            height: $tab-page-height;
            background-color: #f2f3f8;
        }

        .tab-close {
            font-size: 13px;
            padding-left: 8px;

            &:hover {
                color: e-get($e-state-colors, danger, base);
            }
        }

    }
}

.page-container {
    width: 100%;

    .page-frame {
        display: none;
        width: 100%;
        height: -webkit-calc(100vh - 140px);
        height: calc(100vh - 140px);
        overflow-x: hidden;
    }

    .page-frame.active {
        display: block;
    }
}

body.hide-footer {
    .page-container{
        .page-frame{
            height: -webkit-calc(100vh - 100px);
            height: calc(100vh - 100px);
        }
    }
}

@include e-desktop {
    .tab-page {
        margin-left: $e-aside-default-width;
    }
    .e-aside--minimize, .e-aside--minimize-hover {
        .tab-page {
            margin-left: $e-aside-minimize-width;
        }
    }
}

@include e-tablet-and-mobile{
    .tab-page {
        top: e-get($e-header-config, client, mobile, default, height);
    }
    .page-container {
        .page-frame {
            height: -webkit-calc(100vh - 170px);
        }
    }
}
